<template>
	<view class="role-theme" :style="themeStyles">
		<slot></slot>
	</view>
</template>

<script>
	import permissionManager from '@/utils/permission.js'
	
	export default {
		name: 'RoleTheme',
		computed: {
			themeStyles() {
				return permissionManager.getThemeStyles();
			}
		}
	}
</script>

<style scoped>
	.role-theme {
		/* 角色主题容器 */
		min-height: 100vh;
	}
	
	/* 动态主题变量 */
	.role-theme {
		--primary-color: var(--primary-color, #409EFF);
		--secondary-color: var(--secondary-color, #67C23A);
		--accent-color: var(--accent-color, #E6A23C);
	}
</style>
